import React, { Component } from 'react';
import './aboutus.scss'
import { useNavigate } from 'react-router-dom';
import { List } from 'antd-mobile'
function Aboutus() {
    const navigate = useNavigate()
    return (
        <div className='aboutus'>
            <div className='header'>
                <i className='iconfont icon-fanhui' onClick={() => { navigate('/SystemSet') }} />
                <h3>关于我们</h3>
                <p></p>
            </div>
            <div className='img'>
                <div className='ku'>
                    <div>
                        <i className="iconfont icon-books"></i>
                    </div>
                    <p>易阅读</p>
                </div>
            </div>
            <div className="list">
                <List style={{ '--font-size': '14px' }}>
                    <List.Item>
                        <div className='chu' onClick={()=>{navigate('/policy')}}>
                            <span>用户协议</span>
                            <i className="iconfont icon-xiangyoujiantou"></i>
                        </div>
                    </List.Item>
                    <List.Item>
                        <div className='chu' onClick={()=>{navigate('/policy')}}>
                            <span>隐私政策</span>
                            <i className="iconfont icon-xiangyoujiantou"></i>
                        </div>
                    </List.Item>
                </List>
            </div>
        </div>
    );
}


export default Aboutus;
